<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <script src="/layui/layui.all.js" charset="utf-8"></script>
    <script type="text/javascript" src="/picker/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="/picker/src/palette-color-picker.js"></script>
    <link rel="stylesheet" type="text/css" href="/picker/css/normalize.css"/>
    <link rel="stylesheet" href="/picker/src/palette-color-picker.css"/>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#stylecolor").paletteColorPicker({
                clear_btn: 'last',
                colors: ["#D50000", "#304FFE", "#00B8D4", "#00C853", "#FFD600", "#FF6D00", "#FF1744", "#3D5AFE", "#00E5FF", "#00E676", "#FFEA00", "#FF9100", "#FF5252", "#536DFE", "#18FFFF", "#69F0AE", "#FFFF00", "#FFAB40"],
                position: 'upside'
            });
        });
    </script>
</head>
<body>
<div style="margin: 15% 20% 5% 23%">
    <form action="/res/editcol" target="_parent">
        <input type="hidden" name="cid" value="${column.cid}">
        栏目名称：<input type="text" style="height: 30px;width:200px;margin-bottom: 10px" name="cname" value="${column.cname}"><br>
        排列顺序：<input type="text" style="height: 30px;width:200px;margin-bottom: 10px" name="corder" value="${column.corder}">
        <div style="clear: both"></div>
        <div style="float: left">栏目样式：</div ><div class="row" style="height: 50px;width: 200px;float: left;border: 1px solid;border-color: #9c9c9c"><input type="text" id="stylecolor" style="height: 30px;width: 150px" name="cstyle" value="${column.cstyle}"></div>
        <div style="clear: both;margin-bottom: 8%"></div>
        <div style="text-align: center"><button class="layui-btn layui-btn-edit">提交</button></div>
    </form>
</div>
</body>
</html>
